<!--主体部分-->

<div class="right-content fl">
  <div class="common-tip">
    <a href="javascript:void(0)" class="home">Home </a>/
    <a href="javascript:void(0)" class="tip"> 模型模式 </a>/
    <a href="javascript:void(0)" class="tip"> 结果页面 </a>
  </div>
  <div class="model-pic bgff mt10">
    <div class="model-name">
      <span class="mr10">|</span>
      <span>结果</span>
      <a href="javascript:void(0)" class="fr" v-bind:class="{ 'active': isTab1}" @click="chooseTab1">数据清单</a>
      <a href="javascript:void(0)" class="fr" v-bind:class="{ 'active': isTab2}" @click="chooseTab2">结果图示</a>
    </div>
    <div class="result-tab" id="tab1" v-show="isTab2">
      <div class="model-result-tab" >
        <div class="result-detail" id="picContent" style="overflow:hidden">
        </div>
      </div>
      <!--  <div class="result-button">
        <div class="button margin-auto">
          <input type="button" class="fl mr20 write" @click="sumbitPre()" value="上一步">
          <input type="button" class="fl mr20 blue" @click="save" value="保存">
          <div class="clear"></div>
        </div>
      </div>-->
    </div>
    <div class="result-tab" id="tab2" v-show="isTab1">
      <div class="data-result-table">
        <table class="data-table" style="border: 1px solid #ddd;border-collapse: collapse;" v-if="resultList.length>0">
          <tr v-for="(item, index) in resultList"><!--class="table-title"-->
            <td  v-for="(datatem,key) in item">{{datatem}}</td>
          </tr>
        </table>
      </div>
      <div class="text-center">
        <a class="cancel-btn" @click="sumbitPre" v-if="isFromTrail=='false'">上一步</a>
        <a class="next-btn ml20" @click="save">导出</a>
        <a class="cancel-btn ml20" @click="getApi">API接口</a>
      </div>
      <!--<div class="result-button">
        <div class="button margin-auto">
         <input type="button" class="fl mr20 write" @click="sumbitPre()" value="上一步">
          <input type="button" class="fl mr20 blue" @click="save" value="导出">
          <div class="clear"></div>
        </div>
      </div>-->
    </div>
  </div>
  <div id="api" style="display: none;padding:20px;" class="bgff api-div">
    <ul class="api-data mt20">
      <li><span class="tit">接口地址:</span><span>{{url}}</span></li>
      <li><span class="tit">请求方式:</span><span>GET</span></li>
      <li>
        <div>
          <span class="tit">参数说明:</span>
        </div>
        <div class="params-data mt30">
          <table class="data-table">
            <thead class="table-title">
            <td width="25%">参数</td>
            <td width="15%">是否必填</td>
            <td>参数说明</td>
            </thead>
            <tbody>
            <tr>
              <td>token</td>
              <td>是</td>
              <td>验证用户是否是本网站用户,针对每个用户唯一</td>
            </tr>
            <tr>
              <td>pageIndex</td>
              <td>否</td>
              <td>页数,不传表示获取全部数据</td>
            </tr>
            <tr>
              <td>pageSize</td>
              <td>否</td>
              <td>每页的条数,不传表示获取全部数据</td>
            </tr>
            <tr>
              <td>resTabName</td>
              <td>是</td>
              <td>模型生成的结果表名,固定</td>
            </tr>
            </tbody>
          </table>
        </div>
      </li>
    </ul>
  </div>
</div>
